* {
    font-family: '微软雅黑';
}

.debug{
    outline: 0.5px dotted red;
}

a {
    color: steelblue;
    text-decoration: none;
}

.bg-shadow {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);    
}

.bg-shadow-light {
    box-shadow: 0 0 5px rgba(0,0,0,0.5);        
}

.font-large {
    font-size: 200%;
    font-weight: 100;
}

.font-larger {
    font-size: 300%;
    font-weight: 100;
}

.font4 {font-size: 400%; font-weight: 100;}

.font5 {font-size: 500%; font-weight: 100;}

.font-gray {
    color: dimgray;
}

.center {
    margin: 0px auto;
}

.align-center{
    text-align: center;
}

.hover:hover {
    background: ghostwhite;
}

.margin0 {margin: 0px;}
.margin10 {margin: 10px;}
.margin20 {margin: 20px;}
.margin30 {margin: 30px;}
.margin40 {margin: 40px;}
.margin50 {margin: 50px;}

.padding0 {padding: 0px;}
.padding10 {padding: 10px;}
.padding20 {padding: 20px;}
.padding30 {padding: 30px;}
.padding40 {padding: 40px;}
.padding50 {padding: 50px;}

.margin-top10 {margin: 10px 0 0 0;}
.margin-top30 {margin: 30px 0 0 0;}

.margin-bottom10 {margin: 0 0 10px 0;}
.margin-bottom40 {margin: 0 0 40px 0;}

.margin-left10 {margin-left: 10px;}
.margin-left20 {margin-left: 20px;}
.margin-left30 {margin-left: 30px;}
.margin-right10 {margin-right: 10px;}

.padding-right10 {padding-right: 10px;}
.padding-right40 {padding-right: 40px;}

.bg-dodger {
    background: deepskyblue;
}

.fg-white {
    color: white;
}

.fg-green {
	color: green;
}

.fg-red {
    color: red;
}

.button {
    border: 0 solid white;
    border-radius: 2px;
    background: deepskyblue;
    color: white;
    padding: 5px 15px;
    cursor: pointer;
    
    font-size: 90%;
    font-weight: 100;
}

.button-small {
    border: 0 solid white;
    border-radius: 2px;
    background: deepskyblue;
    color: white;
    padding: 2px 10px;
    cursor: pointer;
    
    font-size: 80%;
    font-weight: 100;
}